let wid_A = `.width_a {
    height: 60px;
    background-color: chartreuse;
    animation-name: wid_A;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-timing-function: linear;
  }
  
  
  
  @keyframes wid_A {
    from {
      width: 100px;
    }
    to {
      width: 300px;
    }
  }`;

let pos_B = `.posi_b {
    position: absolute;
    width: 100px;
    height: 70px;
    animation-name: pos_B;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-timing-function: linear;
  }
  
  @keyframes pos_B {
    0% {
      left: 200px;
      top: 300px;
    }
    50% {
    background-color: #3212b4;

      left: 600px;
      top: 700px;
    }
    100% {
      left: 300px;
      top: 400px;
    }
  }`;

export { wid_A, pos_B };
